<div class="container">
  <!DOCTYPE html>
<html lang="zh-cn">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">




<title>Miles`s</title>

<link rel="stylesheet" href="https://mada.gitee.io/notes//css/styles.css">

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" 
integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.3.1.js" integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60=" crossorigin="anonymous"></script>


<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/zenburn.min.css" crossorigin="anonymous" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js" integrity="sha256-/BfiIkHlHoVihZdc6TFuj7MmJ0TWcWsMXkeDFwhi0zw=" crossorigin="anonymous"></script>
<script>hljs.initHighlightingOnLoad();</script>
<script src="https://mada.gitee.io/notes//js/highlight.js"></script>






  <div class="container">
    <nav class="navbar level">
      <div class="navbar-brand">
          <a class="nav-item" href="https://mada.gitee.io/notes/"><h1 class="title is-3">Miles`s</h1></a>
      </div>           
      <div class="navbar-menu has-text-centered is-active">
          <div class="navbar-end is-centered">
              
           </div>
      </div>
    </nav>
  </div>
  <main class="container">
      
      
      <h1 class="title is-3">2016</h1>
      
      <article class="columns">
        <div class="column is-2">
          <h6 class="is-inline" style="white-space: nowrap;line-height:42px">10-13</h2>
        </div>
        <div class="column">
          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://mada.gitee.io/notes/posts/grid/">CSS Grid</a></h1>
          <div class="content is-hidden-mobile">
            CSS Grid 介绍 CSS Grid 布局是一个二维基于网格的布局系统，目的是彻底改变我们设计基于网格的用户界面。CSS一直被用于布局网页，但是一直没有做好。一开始我们用tables，接着floats，positions和inline-block，但是所有的这些方法本质上都是hacks并且遗留了很多的问题（比如，垂直居中）。Flexbox横空出世，但是它是针对简单的一维布局，没有完全的二维布局。Grid是迄今为止最先的特殊设计的 css 模型，目的是解决迄今为止我们开发网页的时候遇到的布局问题。
父元素属性 display 值： * grid - 块级grid * inline-grid 内联grid
.container{ display: grid|inline-grid; }  Note: column,float,clear,vertical-align对container没有 …
            
            <br>
            <a class="button is-marginless is-paddingless" href="https://mada.gitee.io/notes/posts/grid/">
            <span class="icon-link is-small" style="line-height: 100%">
                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
              </span>
              <p style="padding:0 5px"></p>更多</p>
            </a>
            
          </div>
      </article>
      
      <article class="columns">
        <div class="column is-2">
          <h6 class="is-inline" style="white-space: nowrap;line-height:42px">08-03</h2>
        </div>
        <div class="column">
          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://mada.gitee.io/notes/posts/oauth/">oAuth</a></h1>
          <div class="content is-hidden-mobile">
             oAuth2.0 运行流程  用户打开客户端以后，客户端要求用户给予授权 用户同意给予客户端授权 客户端使用上一步获得的授权，向认证服务器申请令牌 认证服务器对客户端进行认证以后，确认无误，同意发放令牌 客户端使用令牌，向资源服务器申请获取资源 资源服务器确认令牌无误，同意向客户端开放资源  客户端的授权模式 OAhth2.0定义了四种授权方式
 授权码模式 简化模式 密码模式 客户端模式  授权码模式 是功能最完整，流程最严密的授权模式，它的特点是通过客户端的后台服务器，与“服务提供商”的认证服务器进行互动。
A. 用户访问客户端，后者将前者导向认证服务器 B. 用户选择是否给予客户端授权 C. 假设用户给予授权，认证服务器将向用户导向客户端事先指定的“重定向URI”，同时附上一个授权码 D. 客户端收到授权码，附上早先的“重定向URI”，向认证服务器申请令牌，这一步是在客户端的后台 …
            
          </div>
      </article>
      
      <article class="columns">
        <div class="column is-2">
          <h6 class="is-inline" style="white-space: nowrap;line-height:42px">07-29</h2>
        </div>
        <div class="column">
          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://mada.gitee.io/notes/posts/%E6%95%B0%E6%8D%AE%E5%BA%93%E4%BA%8B%E5%8A%A1/">数据库事务</a></h1>
          <div class="content is-hidden-mobile">
             数据库事务隔离级别 按隔离级别从低高，数据库可能出现以下错误（失去原子性、一致性的错误）：
 lost update ：两个事务一起更新一个行，第二个事务放弃了（在第一个事务提交之后），导致两个修改都丢失。这发生在不实现锁的系统中。并发事务不隔离。 dirty read：一个事务读到另一个还未提交的事务的更改。这很危险，因为第二个事务最后可能被回滚，这时第一个事务读到的更改是无效的。 unrepeatable read：一个事务读两次行，但结果不同。可能是有另外的事务在两次读之间修改并提交了事务。 unrepeatable read的一个特例是second lost updates。两个事务都读到一行，第一个事务修改并提交，然后第二个事务修改并提交。第一个事务的更改就丢失了。 phantom read：一个事务查询两次，第二次查询的结果集包含第一次查询时不可见的结果或行被删除。该问题由两 …
            
          </div>
      </article>
      
      <article class="columns">
        <div class="column is-2">
          <h6 class="is-inline" style="white-space: nowrap;line-height:42px">07-08</h2>
        </div>
        <div class="column">
          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://mada.gitee.io/notes/posts/mysql%E7%BB%83%E4%B9%A0%E9%A2%98/">mysql练习题</a></h1>
          <div class="content is-hidden-mobile">
            Mysql，Sql练习题（整理中，整合了网上了一些试题和面试书上内容） ##测试数据 mysql
create table Student( Sid varchar(10), Sname varchar(10), Sage datetime, Ssex varchar(10) );  insert into Student values('01' , '赵雷' , '1990-01-01' , '男'); insert into Student values('02' , '钱电' , '1990-12-21' , '男'); insert into Student values('03' , '孙风' , '1990-05-20' , '男'); insert into Student values('04' , '李云' , '1990-08-06' , '男'); insert …
            
            <br>
            <a class="button is-marginless is-paddingless" href="https://mada.gitee.io/notes/posts/mysql%E7%BB%83%E4%B9%A0%E9%A2%98/">
            <span class="icon-link is-small" style="line-height: 100%">
                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
              </span>
              <p style="padding:0 5px"></p>更多</p>
            </a>
            
          </div>
      </article>
      
      <article class="columns">
        <div class="column is-2">
          <h6 class="is-inline" style="white-space: nowrap;line-height:42px">06-29</h2>
        </div>
        <div class="column">
          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://mada.gitee.io/notes/posts/%E6%95%B0%E6%8D%AE%E5%BA%93%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96/">数据库性能优化</a></h1>
          <div class="content is-hidden-mobile">
            数据库性能优化 SQL语句优化 问题的提出：
应用系统开发初期，数据量少，对于查询sql语句，复杂视图的编写等体会不出sql语句各种写法的性能优劣。 随着数据量的增加，很重要的一方面就是sql语句优化。
在某些where子句中，即使某些列存在索引，但是由于编写呢劣质SQL，系统在运行该SQL语句时也不能使用该索引，而同样适用全表扫描，这就造成了极大的性能问题。
操作符优化  IN 该操作符优点是比较容易写且清晰易懂。但是性能比较低。 在业务密集型sql当中尽量不用，采用EXISTS代替。 NOT IN 强烈不推荐使用，因为它不能应用表的索引。 NOT EXISTS IS NULL 或 IS NOT NULL操作 值中只要出现null，索引就会从索引中排除。即使对该列添加索引也不会提高性能。 任何在wherei子句中使用is null 或 is not null 的语句优化器是不允许使用索引 …
            
            <br>
            <a class="button is-marginless is-paddingless" href="https://mada.gitee.io/notes/posts/%E6%95%B0%E6%8D%AE%E5%BA%93%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96/">
            <span class="icon-link is-small" style="line-height: 100%">
                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
              </span>
              <p style="padding:0 5px"></p>更多</p>
            </a>
            
          </div>
      </article>
      
      <article class="columns">
        <div class="column is-2">
          <h6 class="is-inline" style="white-space: nowrap;line-height:42px">06-29</h2>
        </div>
        <div class="column">
          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://mada.gitee.io/notes/posts/%E6%95%B0%E6%8D%AE%E5%BA%93%E8%AE%BE%E8%AE%A1%E8%A7%84%E8%8C%83/">数据库设计规范</a></h1>
          <div class="content is-hidden-mobile">
            数据库规范的5个要求 表中应该避免为空的列 控字段是一种比较特殊的数据类型。数据库处理的时候需要进行特殊的处理。降低性能。
解决方法：
 默认值 建立一张副表，保存空值比较多的字段。  表不应该有重复的值或列 如 多个联系人 等。
解决方法：
 建立独立表，使用视图连接关系。  表中记录应该有唯一的标识符。 养成用ID唯一标识记录，而不是通过名字等。而且最好是由数据库自己来维护。 可以添加一个字段行号等，来弥补id排序的缺陷。
数据库表有统一的前缀 复杂的应用系统，制定命名规范。
尽量只存储单一的实体类型的数据 描述对象的本身。
范式 符合某一级别的关系模式的集合 为了消除重复数据减少冗余数据，从而然数据库内的数据更好的组织，然磁盘空间得到更有效利用的一种标准化标准，满足高等级的范式的先决条件是满足低等级范式。
第一范式 如果一个关系模式R …
            
          </div>
      </article>
      
      
      
    </main>
  <section class="section">
  <div class="container">
    <nav class="level is-mobile">
      <div class="level-left">
        <div class="level-item">
          
          <a class="button is-rounded" href="../../page/2/">
            <span class="icon is-small is-marginless">
              <i class="fa fa-angle-left"></i>
            </span>
            上一页
          </a>
          
        </div>
      </div>
      <div class="level-right is-marginless">
        <div class="level-item">
          
          <a class="button is-rounded" href="../../page/4/">
            下一页
            <span class="icon is-small is-marginless">
              <i class="fa fa-angle-right"></i>
            </span>
          </a>
          
        </div>
      </div>
    </nav>
  </div>
</section>

  <section class="section">
  <div class="container has-text-centered">
    <p></p>
  </div>
</section>


</div>